{%include file="header.html"%}
<style>
input {	width: 200px;}
textarea {	width: 350px;	height: 100px;}
.radio{
    cursor:pointer;
}
</style>
<body>
<div class="fixed-bar">
  <div class="item-title">
    <h3>编辑类型</h3>
  </div>
</div>
<div class="fixed_bottom">
  <form method="post" action="" enctype="multipart/form-data" id="aspnetForm" name="theForm">
    {%if $show.attr_id>0%}
        <input type="hidden" name="act" value="update" />
        <input type="hidden" name="attr_id" value="{%$show.attr_id%}" />
    {%else%}
        <input type="hidden" name="act" value="insert" />
    {%/if%} 
    <table style=" width:100%;" cellpadding="0" cellspacing="0" class="table tb-type2">
      <tbody>
        <tr>
          <td class="firtd">属性名称:</td>
          <td><input type="text" name="attr_name" value="{%$show.attr_name%}" required></td>
        </tr>
        <tr>
          <td class="firtd">所属商品类型:</td>
          <td>
          <select name="cat_id" id="cat_lx">
          	{%foreach from=$cat_info item=cat_list%}
              {%if $goods_type>0%}
                  <option {%if $cat_list.cat_id eq $goods_type%}selected="selected"{%/if%} value="{%$cat_list.cat_id%}">{%$cat_list.cat_name%}</option>
              {%else%}
                  <option {%if $cat_list.cat_id eq $show.cat_id%}selected="selected"{%/if%} value="{%$cat_list.cat_id%}">{%$cat_list.cat_name%}</option>
              {%/if%}	
          	{%/foreach%}
          </select>
          </td>
        </tr>
        <tr>
          <td class="firtd"> 排序:</td>
          <td><input type="text" name="sort_order" value="{%$show.sort_order%}" required></td>
        </tr>
        <tr>
          <td class="firtd"><a href="javascript:showNotice('noticeindex');" title="点击此处查看提示信息" class="fa fa-cog"></a> 能否进行检索:</td>
          <td>
          	  <div style="height:40px; line-height:40px; color:#333">
              <input class="radio" type="radio" style="width:30px;" name="attr_index" value="0" {%if $show.attr_index eq 0%} checked="true" {%/if%} />
               不需要检索 
              <input  class="radio" type="radio" style="width:30px;" name="attr_index" value="1" {%if $show.attr_index eq 1%} checked="true" {%/if%} />
               关键字检索
              <input  class="radio" type="radio" style="width:30px;" name="attr_index" value="2" {%if $show.attr_index eq 2%} checked="true" {%/if%} />
               范围检索 
               </div>
              <span style="color:#666;" id="noticeindex">不需要该属性成为检索商品条件的情况请选择不需要检索，需要该属性进行关键字检索商品时选择关键字检索，如果该属性检索时希望是指定某个范围时，选择范围检索。</span>
          </td>
        </tr>
        <tr>
          <td class="firtd"> 相同属性值的商品是否关联？</td>
          <td>
              <input class="radio" type="radio" style="width:30px;" name="is_linked" value="0" {%if $show.is_linked eq 0%} checked="true" {%/if%} />
               是 
              <input class="radio" type="radio" style="width:30px;" name="is_linked" value="1" {%if $show.is_linked eq 1%} checked="true" {%/if%} />
               否
          </td>
        </tr>
        <tr>
          <td class="firtd"><a href="javascript:showNotice('noticeAttrType');" title="点击此处查看提示信息" class="fa fa-cog"></a> 属性是否可选？</td>
          <td>
          	  <div style="height:30px; line-height:40px; color:#333">
              <input class="radio" type="radio" style="width:30px;" name="attr_type" value="0" {%if $show.attr_type eq 0%} checked="true" {%/if%} />
               唯一属性  
              <input class="radio" type="radio" style="width:30px;" name="attr_type" value="1" {%if $show.attr_type eq 1%} checked="true" {%/if%} />
               单选属性 
              <input class="radio" type="radio" style="width:30px;" name="attr_type" value="2" {%if $show.attr_type eq 2%} checked="true" {%/if%} />
               复选属性  
               </div>
              <span style="color:#666;" id="noticeAttrType">选择"单选/复选属性"时，可以对商品该属性设置多个值，同时还能对不同属性值指定不同的价格加价，用户购买商品时需要选定具体的属性值。选择"唯一属性"时，商品的该属性值只能设置一个值，用户只能查看该值。</span>
          </td>
        </tr>
        <tr>
          <td class="firtd"> 该属性值的录入方式？</td>
          <td>
              <input class="radio" type="radio" style="width:30px;" name="attr_input_type" value="0" {%if $show.attr_input_type eq 0%} checked="true" {%/if%} onclick="radioClicked(0)" />
                手工录入  
              <input class="radio" type="radio" style="width:30px;" name="attr_input_type" value="1" {%if $show.attr_input_type eq 1%} checked="true" {%/if%} onclick="radioClicked(1)" />
               从下面的列表中选择（一行代表一个可选值）
              <input class="radio" type="radio" style="width:30px;" name="attr_input_type" value="2" {%if $show.attr_input_type eq 2%} checked="true" {%/if%} onclick="radioClicked(0)" />
               多行文本框  
          </td>
        </tr>
        <tr>
          <td class="firtd"> 可选值列表？</td>
          <td>
             <textarea name="attr_values" cols="30" rows="5"{%if $show.attr_input_type<1%}disabled{%/if%} >{%$show.attr_values%}</textarea>
          </td>
        </tr>
        <tr>
          <td class="style1">&nbsp;</td>
          <td>
              <a href="JavaScript:void(0);" class="btn" onclick="reset()"><span>重置</span></a>
              <a href="JavaScript:void(0);" class="btn" onclick="$('#tj').click()"><span>确认提交</span></a>
          </td>
        </tr>
      </tbody>
    </table>
    <input type="reset" id="cz" style="display: none;">
    <input type="submit" id="tj" style="display:none;";>
  </form>
</div>
</body>
<script>
// 重置方法
function reset(){
	$('input').val('');
	$('textarea').text('');
}
function radioClicked(n){
	$("textarea[name=attr_values]").attr("disabled",n>0?false:true);
}
</script>
</html>